<template>
  <div class="blog-container">
    <Layout>
      <template #main>
        <div class="blog-list">
          <BlogList />
        </div>
      </template>
      <template #right>
        <div class="blog-category">
          <BlogCategory />
        </div>
      </template>
    </Layout>
  </div>
</template>
  
<script>
import Layout from "@/components/Layout";
import BlogList from "./components/BlogList";
import BlogCategory from "./components/BlogCategory";
export default {
  components: {
    Layout,
    BlogList,
    BlogCategory,
  },
};
</script>
  
<style scoped lang="less">
.blog-list {
  /* 高度为一个视口*/
  height: 100vh;
}
</style>